<template>
  <div id="app">
    <nav></nav>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: "App",
  mounted() {
    window.onload = function () {
      document.addEventListener("touchstart", function (event) {
        console.log(111111);
        if (event.touches.length > 1) {
          event.preventDefault();
        }
      });
      document.addEventListener("gesturestart", function (event) {
        console.log(222222);
        event.preventDefault();
      });
    };
  },
};
</script>
<style lang="scss">
html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  // font-size: 16px;
}
.bannerTitle {
  width: 95%;
  height: 50px;
  background-color: rgb(238, 238, 238);
  line-height: 50px;
  margin: 0px auto;
}
.button_box {
  width: 95%;
  height: 100px;
  line-height: 100px;
  margin: 0 auto;
  padding-right: 100px;
  box-sizing: border-box;
}
</style>
